.myMark{
    background-color: rgba(255,255,255,0.7);
    /* 使用固定定位让元素撑满全屏 */
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loader {
    position: relative;
    width: 100px;
    height: 100px;
    /* 透明色 */
    border: 2px solid transparent;
    border-top-color: #0984e3;
    border-radius: 50%;
    animation: spin 2s linear infinite;
}

.loader::after,
.loader::before {
    position: absolute;
    content: "";
    border: 2px solid transparent;
    /* 颜色继承 */
    border-top-color: inherit;
    border-radius: 50%;
}

.loader::after {
    top: 7px;
    left: 7px;
    right: 7px;
    bottom: 7px;
    animation: spin 1.5s linear infinite;
}

.loader::before {
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    animation: spin 0.5s linear infinite reverse;
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}











/*.myLoading{*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: 50%;*/
/*    transform: translate(-50%,-50%);*/
/*    height: 40px;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    z-index: 1000;*/
/*}*/
/*.myObj{*/
/*    width: 6px;*/
/*    height: 40px;*/
/*    background-color: #1e9fff;*/
/*    margin: 0 3px;*/
/*    border-radius: 10px;*/
/*    animation: loading 0.8s infinite;*/
/*}*/
/*.myObj:nth-child(1){*/
/*    animation-delay: 0.01s;*/
/*}*/
/*.myObj:nth-child(2){*/
/*    animation-delay: 0.02s;*/
/*}*/
/*.myObj:nth-child(3){*/
/*    animation-delay: 0.03s;*/
/*}*/
/*.myObj:nth-child(4){*/
/*    animation-delay: 0.04s;*/
/*}*/
/*.myObj:nth-child(5){*/
/*    animation-delay: 0.05s;*/
/*}*/
/*.myObj:nth-child(6){*/
/*    animation-delay: 0.06s;*/
/*}*/
/*.myObj:nth-child(7){*/
/*    animation-delay: 0.07s;*/
/*}*/
/*.myObj:nth-child(8){*/
/*    animation-delay: 0.08s;*/
/*}*/


/*@keyframes loading {*/
/*    0%{*/
/*        height: 0;*/
/*    }*/
/*    50%{*/
/*        height: 40px;*/
/*    }*/
/*    100%{*/
/*        height: 0;*/
/*    }*/
/*}*/